﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UCRightBody.ascx.cs"
    Inherits="SacMauVN.UCRightBody" %>
<%@ Register TagName="OnlineSupport" TagPrefix="asp" Src="~/UCOnlineSupport.ascx" %>

<script type="text/javascript">
    function mycarousel_initCallback(carousel) {
        // Disable autoscrolling if the user clicks the prev or next button.
        carousel.buttonNext.bind('click', function() {
            carousel.startAuto(0);
        });

        carousel.buttonPrev.bind('click', function() {
            carousel.startAuto(0);
        });

        // Pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(function() {
            carousel.stopAuto();
        }, function() {
            carousel.startAuto();
        });
    };
    jQuery(document).ready(function() {
        jQuery('#mycarouselkh').jcarousel({
            vertical: true,
            scroll: 2,
            auto: 200,
            wrap: 'last',
            initCallback: mycarousel_initCallback
        });
    });

</script>

<div class="rightbody">
    <div class="top-right">
        <h3 class="title-top-left" style="width: 175px !important; padding-left: 15px !important;">
            Liên Hệ Mua Hàng</h3>
        <p style="text-align: center; font-weight: bold">
            Giờ làm việc</p>
        <p style="text-align: center; font-weight: bold">
            Sáng : <font color="red">8H00 đến 12H00</font>
        </p>
        <p style="text-align: center; font-weight: bold">
            Chiều : <font color="red">13H00 đến 17H00</font>
        </p>
        <p style="margin: 5px; text-align: center;">
            ----------------------------</p>
        <asp:OnlineSupport ID="online" runat="server" />
        <div class="clear">
        </div>
        <p class="tuvan">
            KD Xây dựng</p>
        <p class="tuvan tv-red">
            Mr Minh
        </p>
        <p class="tuvan tv-red">
            0978.737.070
        </p>
        <p class="tuvan tv-red">
            0972.828.833
        </p>
        <p class="tuvan">
            KD Thương mại</p>
        <p class="tuvan tv-red">
            Ms Mai</p>
        <p class="tuvan tv-red">
            0978.584.545</p>
    </div>
    <div class="center-right">
        <h3 class="title-top-left fixcustomer">
            Khách Hàng</h3>
        <asp:Repeater ID="rptKH" runat="server">
            <HeaderTemplate>
                <ul id="mycarouselkh" class="jcarousel jcarousel-skin-tango">
            </HeaderTemplate>
            <ItemTemplate>
                <li>
                    <%--<div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title='<%#Eval("TenDM") %>' style="float: left;"
                            rel="nofollow" href="#">--%>
                    <img alt="sacmauvn.com" src='<%# Eval("NoiDung") %>' title='<%#Eval("TenDM") %>'
                        width="130px">
                    <p class="p-product2" style="padding-top: 10px; float: left;">
                        <%#Eval("TenDM") %></p>
                    <%--</a>
                    </div>--%>
                </li>
            </ItemTemplate>
            <FooterTemplate>
                </ul>
            </FooterTemplate>
        </asp:Repeater>
        <%--<div class="jcarousea" style="visibility: visible; overflow: hidden; position: relative;
            z-index: 2; left: 0px; height: 905px;">
            <ul style="margin: 0px; padding: 0px; position: relative; list-style-type: none;
                z-index: 1; height: 3258px; top: -1810px;">
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty TNHH MTV Thoát Nước Đô Thị TP.HCM"
                            style="float: left;" rel="nofollow" href="#">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-MTV-Thoat-Nuoc-Do-Thi-TPHCM-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty TNHH MTV Thoát Nước Đô Thị TP.HCM">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty TNHH MTV Thoát Nước Đô Thị TP.HCM</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty TNHH MTV Toyota"
                            style="float: left;" rel="nofollow" href="#">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-MTV-Toyota-Phu-My-Hung-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty TNHH MTV Toyota">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty TNHH MTV Toyota</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty TNHH MTV Vật Liệu Xây Dựng Hoa Sen"
                            style="float: left;" rel="nofollow" href="#">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-MTV-VLXD-Hoa-Sen-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty TNHH MTV Vật Liệu Xây Dựng Hoa Sen">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty TNHH MTV Vật Liệu Xây Dựng Hoa Sen</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty TNHH Ô tô IZUZU Việt Nam"
                            style="float: left;" rel="nofollow" href="#">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-O-To-Isuzu-Viet-Nam-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty TNHH Ô tô IZUZU Việt Nam">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty TNHH Ô tô IZUZU Việt Nam</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty Cổ Phần Xây Dựng Việt Nam"
                            style="float: left;" rel="nofollow" href="#">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cong-ty-CP-Co-Phan-va-Xay-Dung-Viet-Nam-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty Cổ Phần Xây Dựng Việt Nam">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty Cổ Phần Xây Dựng Việt Nam</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty Cổ Phần Quạt Việt Nam"
                            style="float: left;" rel="nofollow" href="#">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-CP-Quat-Viet-Nam-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty Cổ Phần Quạt Việt Nam">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty Cổ Phần Quạt Việt Nam</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty Cổ Phần Quốc Tế CT"
                            style="float: left;" rel="nofollow" href="#">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-CP-Quoc-Te-CT-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty Cổ Phần Quốc Tế CT">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty Cổ Phần Quốc Tế CT</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty Cổ Phần Xây Lấp và Vật Tư Xây Dựng CM2"
                            style="float: left;" rel="nofollow" href="upload/thumbs/images/tintuc/khachhang/Cty-CP-Xay-Lap-va-Vat-Tu-Xay-Dung-CM2-logo-tai-sieu-thi-son.jpg">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-CP-Xay-Lap-va-Vat-Tu-Xay-Dung-CM2-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty Cổ Phần Xây Lấp và Vật Tư Xây Dựng CM2">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty Cổ Phần Xây Lấp và Vật Tư Xây Dựng CM2</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty Cổ Phần Xây Dựng Công Trình"
                            style="float: left;" rel="nofollow" href="upload/thumbs/images/tintuc/khachhang/Cty-CP-XD-Cong-Trinh-585-logo-tai-sieu-thi-son.jpg">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-CP-XD-Cong-Trinh-585-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty Cổ Phần Xây Dựng Công Trình">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty Cổ Phần Xây Dựng Công Trình</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty Cổ Phần Đầu Tư và Phát Triển Nhà Đất Cotec"
                            style="float: left;" rel="nofollow" href="upload/thumbs/images/tintuc/khachhang/Cong-ty-CP-DT-va-Phat-Trien-Nha-Dat-Cotec-logo-tai-sieu-thi-son.jpg">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cong-ty-CP-DT-va-Phat-Trien-Nha-Dat-Cotec-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty Cổ Phần Đầu Tư và Phát Triển Nhà Đất Cotec">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty Cổ Phần Đầu Tư và Phát Triển Nhà Đất Cotec</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty Cổ Phần Đầu Tư và Thương Mại Điện Quang"
                            style="float: left;" rel="nofollow" href="upload/thumbs/images/tintuc/khachhang/Cong-ty-CP-DT-va-TM-Dien-Quang-logo-tai-sieu-thi-son.jpg">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cong-ty-CP-DT-va-TM-Dien-Quang-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty Cổ Phần Đầu Tư và Thương Mại Điện Quang">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty Cổ Phần Đầu Tư và Thương Mại Điện Quang</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty Cổ Phần Xây Dựng Kết Cấu Thép BSB"
                            style="float: left;" rel="nofollow" href="upload/thumbs/images/tintuc/khachhang/Cong-ty-CP-XD-Ket-Cau-Thep-BSB-logo-tai-sieu-thi-son.jpg">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cong-ty-CP-XD-Ket-Cau-Thep-BSB-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty Cổ Phần Xây Dựng Kết Cấu Thép BSB">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty Cổ Phần Xây Dựng Kết Cấu Thép BSB</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty Licogi 16" style="float: left;"
                            rel="nofollow" href="upload/thumbs/images/tintuc/khachhang/Cty-Licogi-16-logo-tai-sieu-thi-son.jpg">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-Licogi-16-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty Licogi 16">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty Licogi 16</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty TNHH MTV Thoát Nước Đô Thị TP.HCM"
                            style="float: left;" rel="nofollow" href="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-MTV-Thoat-Nuoc-Do-Thi-TPHCM-logo-tai-sieu-thi-son.jpg">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-MTV-Thoat-Nuoc-Do-Thi-TPHCM-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty TNHH MTV Thoát Nước Đô Thị TP.HCM">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty TNHH MTV Thoát Nước Đô Thị TP.HCM</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty TNHH MTV Toyota"
                            style="float: left;" rel="nofollow" href="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-MTV-Toyota-Phu-My-Hung-logo-tai-sieu-thi-son.jpg">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-MTV-Toyota-Phu-My-Hung-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty TNHH MTV Toyota">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty TNHH MTV Toyota</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty TNHH MTV Vật Liệu Xây Dựng Hoa Sen"
                            style="float: left;" rel="nofollow" href="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-MTV-VLXD-Hoa-Sen-logo-tai-sieu-thi-son.jpg">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-MTV-VLXD-Hoa-Sen-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty TNHH MTV Vật Liệu Xây Dựng Hoa Sen">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty TNHH MTV Vật Liệu Xây Dựng Hoa Sen</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty TNHH Ô tô IZUZU Việt Nam"
                            style="float: left;" rel="nofollow" href="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-O-To-Isuzu-Viet-Nam-logo-tai-sieu-thi-son.jpg">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cty-TNHH-O-To-Isuzu-Viet-Nam-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty TNHH Ô tô IZUZU Việt Nam">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty TNHH Ô tô IZUZU Việt Nam</p>
                        </a>
                    </div>
                </li>
                <li style="min-height: 120px; float: left; overflow: hidden; width: 197px;">
                    <div class="product-bc " style="float: left;">
                        <a class="fancybox" data-fancybox-group="gallery" title="Công Ty Cổ Phần Xây Dựng Việt Nam"
                            style="float: left;" rel="nofollow" href="upload/thumbs/images/tintuc/khachhang/Cong-ty-CP-Co-Phan-va-Xay-Dung-Viet-Nam-logo-tai-sieu-thi-son.jpg">
                            <img alt="sacmauvn.com" src="upload/thumbs/images/tintuc/khachhang/Cong-ty-CP-Co-Phan-va-Xay-Dung-Viet-Nam-logo-tai-sieu-thi-son.jpg"
                                title="Công Ty Cổ Phần Xây Dựng Việt Nam">
                            <p class="p-product2" style="padding-top: 10px; float: left;">
                                Công Ty Cổ Phần Xây Dựng Việt Nam</p>
                        </a>
                    </div>
                </li>
            </ul>
        </div>--%>
    </div>
    <div class="center-right" style="height: 160px; overflow: hidden;">
        <h3 class="title-top-left fixcustomer cate-red">
            <a href="ThiCongSonCT.aspx" title="Tin tức về thi công sơn">Thi Công Sơn</a></h3>
        <div id="news-container1" style="overflow: hidden; position: relative; height: 210px;">
            <asp:Repeater ID="rptThiCongSon" runat="server">
                <HeaderTemplate>
                    <ul class="resetall new_spencial" style="position: absolute; margin: 0px; padding: 0px;
                        top: -1.62387px;">
                </HeaderTemplate>
                <ItemTemplate>
                    <li style="margin: 0px; padding: 0px; height: 42px;"><a title='<%#Eval("TenDM") %>'
                        href='ThiCongSonCT.aspx?tID=<%#Eval("ID") %>'>
                        <%#Eval("TenDM") %></a></li>
                </ItemTemplate>
                <FooterTemplate>
                    </ul></FooterTemplate>
            </asp:Repeater>
        </div>
    </div>
</div>
